<template>
	<view class="cu-modal" :class="modalName=='errorMessage'?'show':''" @tap="hideModal" @touchmove.stop.prevent="()=>{return}">
		<view class="cu-dialog" @tap.stop>
			<view class="cu-bar bg-white justify-end">
				<view class="content">提示</view>
				<view class="action" @tap="hideModal">
					<text class="cuIcon-close text-gray"></text>
				</view>
			</view>
			<view class="padding-xl">
				<text v-if="errCode==4001">{{$t('JLink.prompt.err.cont4001')}}</text>
				<view v-else-if="errCode==4002">
					{{$t('JLink.prompt.err.cont4002')}}
					<text v-if="message.iccid">:{{message.iccid}}</text>
					<view>{{$t('JLink.prompt.other.card')}}</view>
				</view>
				<text v-else-if="errCode==4003">{{$t('JLink.prompt.err.cont4003')}}</text>
				<text v-else-if="errCode==4004">{{$t('JLink.prompt.err.cont4004')}}</text>
				<text v-else-if="errCode==4005">{{$t('JLink.prompt.err.cont4005')}}</text>
				<text v-else-if="errCode==4006">{{$t('JLink.prompt.err.cont4006')}}</text>
				<text v-else-if="errCode==4007">{{$t('JLink.prompt.err.cont4007')}}</text>
				<text v-else-if="errCode==4008">{{$t('JLink.prompt.err.cont4008')}}</text>
				<text v-else-if="errCode==4009">{{$t('JLink.prompt.err.cont4009')}}</text>
				<text v-else-if="errCode==4010">{{$t('prompt.err.cont4010')}}</text>
				<text v-else-if="errCode==4011">{{$t('JLink.prompt.err.cont4011')}}</text>
				<text v-else-if="errCode==4012">{{$t('JLink.prompt.err.cont4012')}}</text>
				<text v-else-if="errCode==4013">{{$t('JLink.prompt.err.cont4013')}}</text>
				<text v-else-if="errCode==4014">{{$t('JLink.prompt.err.cont4014')}}</text>
				<text v-else-if="errCode==4015">{{$t('JLink.prompt.err.cont4015')}}</text>
				<text v-else-if="errCode==4016">{{$t('JLink.prompt.err.cont4016')}}</text>
				<text v-else-if="errCode==4017">{{$t('JLink.prompt.err.cont4017')}}</text>
				<text v-else-if="errCode==4018">{{$t('JLink.prompt.err.cont4018')}}</text>
				<text v-else-if="errCode==4019">{{$t('JLink.prompt.err.cont4019')}}</text>
				<text v-else-if="errCode==4020">{{$t('JLink.prompt.err.cont4020')}}</text>
				<text v-else-if="errCode==4021">{{$t('JLink.prompt.err.cont4021')}}</text>
				<text v-else-if="errCode==4022">{{$t('JLink.prompt.err.cont4022')}}</text>
				<text v-else-if="errCode==4023">{{$t('JLink.prompt.err.cont4023')}}</text>
				<!-- 云电话、短信报警、语音电话错误信息 -->
				<text v-else-if="errCode==='v-4000'">{{$t('JLink.prompt.err.v4000')}}</text>
				<text v-else-if="errCode==='v-4001'">{{$t('JLink.prompt.err.v4001')}}</text>
				<text v-else-if="errCode==='v-4002'">{{$t('JLink.prompt.err.v4002')}}</text>
				<text v-else-if="errCode==='v-4003'">{{$t('prompt.err.v4003')}}</text>
				<text v-else-if="errCode==='v-4004'">{{$t('JLink.prompt.err.v4004')}}</text>
                <text v-else-if="errCode==='v-4005'">{{$t('JLink.prompt.err.v4005')}}</text>
				<text v-else-if="errCode==='v-4106'">{{$t('JLink.prompt.err.v4106')}}</text>
				<text v-else-if="errCode==='v-4107'">{{$t('JLink.prompt.err.v4107')}}</text>
				<text v-else-if="errCode==='v-4108'">{{$t('JLink.prompt.err.v4108')}}</text>
				<text v-else-if="errCode==='v-4109'">{{$t('JLink.prompt.err.v4109')}}</text>
				<text v-else-if="errCode==='v-4110'">{{$t('JLink.prompt.err.v4110')}}</text>
				<text v-else-if="errCode==='v-4111'">{{$t('JLink.prompt.err.v4111')}}</text>
				<text v-else-if="errCode==='v-4112'">{{$t('JLink.prompt.err.v4112')}}</text>
				<text v-else-if="errCode==='v-4113'">{{$t('JLink.prompt.err.v4113')}}</text>
				<text v-else-if="errCode==='v-4117'">{{$t('JLink.prompt.err.v4117')}}</text>
				<text v-else-if="errCode==='v-5000'">{{$t('JLink.prompt.err.v5000')}}</text>
				<!-- 删除失败 -->
				<text v-else-if="errCode==='-100'">删除失败</text>
				<text v-else-if="errCode==='-101'">请求失败</text>
        <text v-else-if="errCode==='packageCardFormatError'">套餐卡不存在</text>
				<text v-else>未知错误</text>
			</view>
			<view class="cu-bar bg-white lg block">
				<!-- 不支持的套餐卡 -->
				<view v-if="errCode==4002" class="action margin-0 flex-sub " @tap="clearCacheClick">
					<text class="text-primary">{{$t('JLink.prompt.other.confirm')}}</text>
				</view>
				<view v-else class="action margin-0 flex-sub " @tap="hideModal">
					<text class="text-primary">确定</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
    props: {
        modalName: {
			type: String,
			default: ''
		},
		errCode:{
			type:[String,Number],
			default:''
		},
		message:{
			type:[String,Object],
			default:''
		}
    },
    data() {
      return {
      }
    },
    methods: {
      clearCacheClick () {
        this.$emit('clearCacheClick')
      },
      hideModal () {
        this.$emit('changeModalName', this.errCode)
      }
    }
}
</script>
<style lang="less" scoped>
	@import '@/common/style/main.css';
</style>
